<template>
	<view class="">
		<Header :title="title" :isHome="true" :isWhite='true'></Header>
		<view class="main">
			<!-- <view class="title">
				{{info.title}}
			</view>
			<view class="content">
				{{info.desc}}
			</view>
			<view class="img">
				<image :src="imgUrl+ info.cover_image" mode=""></image>
			</view> -->
			<view class="content">
				<rich-text :nodes="content"></rich-text>
			</view>
			<!--
			<view class="video">
				<video src="" mode=""></video>
				<image src="/static/video.png" mode="" class="videoBtn"></image>
			</view>
			<view class="content">
				要说“长得像P出来的”，那就不能不提鞘翅目(也就是甲虫)下的宝石金龟(Chrysina)属。这个属的金龟子可谓
			</view> -->
		</view>

	</view>
</template>

<script>
	import {
		get, img_url
	} from "../../utils/request";
	export default {
		data() {
			return {
				id: '',
				imgUrl: img_url,
				showCou: false,
				title: '',
				content:''
			}
		},
		onLoad(opt) {
			this.title = opt.title
			this.content = opt.content
		},
		methods: {
			// getDetail() {
			// 	get('/article/articleDetail?id=' + this.id)
			// 		.then(res => {
			// 			if (res.code == 1) {
			// 				this.info = res.data.detail
			// 			}
			// 		})
			// 		.catch(err => {
			// 			console.error('GET 请求失败:', err);
			// 		});
			// },
		}
	}
</script>

<style lang="scss" scoped>
	.main {
		padding: 32rpx;
	}

	.title {
		font-family: PingFangSC-SNaNrpxibold;
		font-weight: 600;
		font-size: 36rpx;
		color: #222222;
	}

	.img {
		background-color: #E6E6E6;
		margin: 20rpx 0;
		border-radius: 24rpx;

		image {
			width: 686rpx;
			height: 686rpx;
		}
	}

	.video {
		width: 686rpx;
		height: 386rpx;
		background-color: #E6E6E6;
		border-radius: 24rpx;
		display: flex;
		justify-content: center;
		align-items: center;

		.videoBtn {
			width: 96rpx;
			height: 96rpx;
		}
	}

	.content {
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 32rpx;
		color: #222222;
		margin: 20rpx 0;
	}
</style>